Demo

Components

• Header

  This is the only component that you need to create your navigation. It's recommended to add it to the root div of your project.

  Attributes

  first_link_title	Title of the first navigation link
  second_link_title	Title of the second navigation link
  third_link_title	Title of the third navigation link
  fourth_link_title	Title of the fourth navigation link
  fifth_link_title	Title of the fifth navigation link

  first_link_url	URL of the first navigation e.g "/" for home page
  second_link_url	URL of the second navigation e.g "/about" for about page
  third_link_url	URL of the third navigation e.g "/portfolio" for portfolio page
  fourth_link_url	URL of the fourth navigation e.g "/blog" for blog page
  fifth_link_url	URL of the fifth navigation e.g "/contact" for contact page

  first_button_title	Title of the first button e.g "Login"
  first_button_url	URL of the first button e.g "/login" for login page
  second_button_title	Title of the second button e.g "Sign up"
  second_button_url	URL of the second button e.g "/signup" for signup page

  first_button_bg	Background color of the first button e.g "red"
  first_button_color	Text color of the first button e.g "white"
  second_button_bg	Background color of the second button e.g "yellow"
  second_button_color	Text color of the second button e.g "black"

  logo_text	Use this if you want to display text as your logo e.g Corazon Studio
  logo_src	Use this to display an image as your logo. logo_text will not display if this is not empty. Supports logo link for now. You can upload your logo on a provider like Cloudinary and get a link to copy.
  logo_width	width of your logo. Works when logo_src is not empty.
  logo_height	height of your logo. Works when logo_src is not empty.

  mobile_nav_direction	This determines which direction your mobile nav should slide in from. value can either be "left" or "right"
  padding_top	adds padding top to your nav container
  padding_bottom	adds padding bottom to your nav container
  padding_right	adds padding right to your nav container
  padding_left	adds padding left to your nav container